/*需要用到的字体图标*/     
@font-face{  
        font-family:'icomoon';  
        src:url('../../icomoon-login/fonts/icomoon.eot');  
        src:url('../../icomoon-login/fonts/icomoon.eot?#iefix') format('embedded-opentype'),  
            url('../../icomoon-login/fonts/icomoon.woff') format('woff'),  
            url('../../icomoon-login/fonts/icomoon.ttf')  format('truetype'),    
            url('../../icomoon-login/fonts/icomoon.svg#SofiaProLight')  format('svg');  
            font-weight:normal;  
            font-style:normal;  
        } 
     [class^="icon-"],[class*=" icon-"] {
            font-family: 'icomoon'!important;
            speak:none;
            font-size:16px;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
			-webkit-text-stroke-width: 0.2px;
			-moz-osx-font-smoothing: grayscale;
        }
      
      .icon-password:before {content: "\e900";}
      
      .icon-confirmation:before {content: "\e901";}
      
      .icon-usename:before {content: "\e902";}
/*end*/

html,body{
	height: 100%;
	overflow: hidden;
}
.big-bg{
	width:100%;
	height: 100%;
	background: url('../../images/login-new/bg-2.jpg') no-repeat;
	background-size: 100% 100%;
	
}
.big-bg .bg{
	width:100%;
	height: 100%;
	/*background: url('../../images/login-new/bg.png') no-repeat;*/
	background-size: 100% 100%;
	margin: auto;
}
/*公司描述*/
.big-bg .bg .describtion{
	margin: 350px 0 0 150px;
	position: absolute;
}
.big-bg .bg .describtion h2{
	font-size: 60px;
	color: #fff;
	margin: 0 0 45px;
}
.big-bg .bg .describtion>p{
	margin: 0 0 14px;
	font-size: 24px;
	color: #fff;
	font-family: "Microsoft YaHei";
	word-spacing:10px;
	letter-spacing:5px;
}
.big-bg .bg .contain{
	width: 558px;
	height: 900px;
	background: url('../../images/login-new/opaque .png') no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: 18px;
    top: 24px;
	opacity: 0.9;
}
.big-bg .bg .contain .login{
	width: 61px;
	height: 75px;
	background: url('../../images/login-new/logo.png') no-repeat;
	background-size: 100% 100%;
	margin: 150px auto 0;
}
.big-bg .bg .contain .title{
	text-align: center;
	font-size: 30px;
    color: #585858;
    font-family:"Microsoft YaHei";
}
.big-bg .bg .contain .line{
	width: 212px;
	height: 2px;
	background: url('../../images/login-new/line.png') no-repeat;
	background-size: 100% 100%;
	margin: auto;
	margin-bottom: 50px;
}
form .common{
	width: 70%;
    margin: 0 auto 20px;
    border-bottom: 1px solid #CDCDCE;
}
.input-icon>i{
	font-size: 32px;
}
.form-control{
	height: 54px;
	padding: 0 0 0 60px!important;
	border: 1px solid #fff;
}
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px white inset!important;
	border: 1px solid #fff!important;
}
.form-control:focus {
    border-color: #fff;
}

input:-moz-placeholder {   
    color: #b4b4b4;   
    font-size: 16px;
    font-family: "Microsoft YaHei";
}   
input:-ms-input-placeholder {   
    color: #b4b4b4;  
    font-size: 16px; 
    font-family: "Microsoft YaHei";
}   
input::-webkit-input-placeholder {   
    color: #b4b4b4;  
    font-size: 16px; 
    font-family: "Microsoft YaHei";
}  
.common-li{
	width: 70%;
    margin: 0 auto 20px;
    border-bottom: 1px solid #CDCDCE;
}
.form-login{
	width: 335px;
	height: 56px;
	margin: 65px auto ;
}
#loginBtn{
	width: 352px;
	height: 56px;
	background: #2194F7;
	color: #fff;
	font-size: 26px;
	border-radius: 5px!important;
}
.has-error .form-control{
	border-color: #fff;
}

























